<script setup lang="ts">
import { ref } from "vue";
import type { SelectProps } from "ant-design-vue";
import MockClient from "./components/mock-client.vue";
import ClientsCount from "./components/clients-count.vue";

const appOptions = ref<SelectProps["options"]>([
  {
    value: "all",
    label: "所有App",
  },
  {
    value: "com.dsh.car",
    label: "长安助手",
  },
]);

const appVal = ref("com.dsh.car");
</script>

<template>
  <div>
    推送消息
    <div>
      <a-space>
        <a-select
          v-model:value="appVal"
          style="width: 120px"
          :options="appOptions"
        ></a-select>
        <!-- <a-select ref="select" v-model:value="value1" style="width: 120px">
          <a-select-option value="jack">Jack</a-select-option>
          <a-select-option value="lucy">Lucy</a-select-option>
          <a-select-option value="disabled" disabled>Disabled</a-select-option>
          <a-select-option value="Yiminghe">yiminghe</a-select-option>
        </a-select> -->
      </a-space>
    </div>
  </div>
  <ClientsCount />
  <div>
    <MockClient app="com.dsh.car" version="0.0.1" />
  </div>
</template>

<style scoped></style>
